﻿@model List<string>
@{
    ViewBag.Title = "古装艺术摄影作品欣赏 -" + ViewBag.Category;
}
@section Header
{
    <link rel='stylesheet' href="@Url.Content("~/Content/prettyPhoto.css")" type='text/css' media='screen' />
    <style>
      .pp_gallery ul li img {
           width: 50px;
       } 
    </style>
}

<section id="leftPanel">
    <div class="leftContainer">
        <div class="LeftHeaderBg" style="height: auto"></div>
        <div class="LeftContent">
            @{Html.RenderAction("_PhotoCategory", "Pictorial", new { photoType = "写真" });}
        </div>
        <div class="leftFooter"></div>
    </div>
</section>
<section id="rightPanel">
    <div class="middleContainer">
        <div class="middleTopHader"></div>
        <div class="middleContent" style="height: auto">
            <div class="page-header">
                <h2>@ViewBag.Category <small>- 写真摄影作品展示 <span class="badge badge-success">@Model.Count</span> </small></h2>
            </div>
            <ul class="thumbnails" id="categoryShowCase">
                @foreach (var item in Model)
                {
                    <li class="span2">
                        <a class="thumbnail" href="@Url.Content(ViewBag.Path + item)"  rel="prettyPhoto[gallery]" title="@item">
                            <img class="thumbnail-image"  src="@Url.Content(ViewBag.Path + "Thumbnail/" + item)" alt="@item"/></a>
                    </li>
                }
            </ul>
        </div>
        <div class="middleFooter"></div>
    </div>
</section>
<section class="clear-fix"></section>
@section Scripts
{
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.prettyPhoto.js")"></script>
}
@section DocumentReady{

   $("#categoryShowCase li a img[src='@Url.Content("~/" + ViewBag.ThumPath)']").parent(0).after($("<span class='cover'></span>"));
   $("#categoryShowCase").find("img").hover(
        function () { $(this).css("opacity", "0.5"); }, function () { $(this).css("opacity", "1"); }
    );
   $("a[rel^='prettyPhoto']").prettyPhoto({
        opacity: 0.9,
        show_title: true,
        social_tools: false
    });
}
